//2015.12.15 yao form <professional javascript for Web developers in Edition6>  P320
//添加样式
// 大多数浏览器是 insertRule() 
//在IE中 是addRule();
//为了保证兼容性，跨浏览器可修改样式可以用如下函数

function insertRule(sheet,selectorText,cssText,position){
	if(sheet.insertRule){
		sheet.insertRule(selectorText+"{"+cssText+"}",position);
	}else if(sheet.addRule){
		sheet.addRule(selectorText,cssText,position);
	}
}

function removeRule(sheet,index){
	if(sheet.deleteRule){
		sheet.deleteRule(index);
	}else if(sheet.removeRule){
		sheet.removeRule(index);
	}
}

//> * 实际应用中，删除规则不是实际web开发中常见的做法。删除会影响到css的层叠样式表。
//getComputedStyle();方法不会影响从<link />，<style type="text/css"></style>方法引入的样式，
//也即是用style.cssText="";

//> * 随着添加规则的增加，这种方法会变得更加繁杂，建议采用  动态加载样式表的方法：
//动态加载
function loadStyleString(css){
	var style = document.createElement("style");
	style.type = "text/css";
	try{
		style.appendChild(document.createTextNode(css));
	}catch(ex){
		style.styleSheet.cssText = css;
	}
	var head = document.getElementsByTagName("head")[0];
	head.appendChild(style);
}
//调用实例：loadStyleString("body{background-color:#ccc;"})
//动态加载外部样式表
 function loadStyles(url){
 	var link = document.createElement("link");
 	link.rel = "stylesheet";
 	link.type = "text/css";
 	lnk.href = url;
 	var head = document.getElementsByTagName("head")[0];
 	head.appendChild(link);
 }
//调用实例：loadStyles("styles.css");   要保证路径的正确性


